<div class="requests-info">
  <ng-container *ngIf="aggregation; else noDataAvailable">
    <div class="requests-info__section">
      <div class="requests-info__header">
        Selected requests
      </div>
      <div class="requests-info__count">{{ requests }}</div>
      <div class="requests-info__dates">
        <span>{{ firstId | checkIdToTime | hsFormatDate }}</span> -
        <span>{{ lastId | checkIdToTime | hsFormatDate }}</span>
      </div>
    </div>
    <div class="requests-info__section">
      <hs-latency-check [data]="latency"></hs-latency-check>
    </div>
    <div class="requests-info__section">
      <hs-error-check [data]="errors"></hs-error-check>
    </div>
  </ng-container>
</div>
<ng-template #noDataAvailable>
  <div class="requests-info__message">
    No data available
  </div>
</ng-template>
